<script setup lang="ts">

</script>

<template>
  <div class="top">
    <div class="wechat">
      <img src="@/assets/images/code_login_wechat.png" alt="">
      <i class="iconfont icon-weixin"></i>
      <i>微信扫一扫关注</i>
      <i>"快速预约挂号"</i>
    </div>
    <div class="app">
      <img src="@/assets/images/code_app.png" alt="">
      <i class="iconfont icon-shouji"></i>
      <i>扫一扫下载</i>
      <i>"预约挂号"APP</i>
    </div>
  </div>
  <div class="bottom">
    <div>尚医通官方指定平台</div>
    <div>享快速挂号安全放心</div>
  </div>
</template>

<style scoped lang="scss">
.top {
  display: flex;
  justify-content: space-around;

  img {
    width: 100px;
  }

  div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  i {
    margin: 2px 0;
  }
}

.bottom {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 4px;
  color: #606266;
  line-height: 44px;
  text-align: center;
}
</style>
